<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#stop{
				position: fixed;
				right: 10%;
				top: 10%;
			}
		</style>
	</head>
	<body>
		
		<button onclick="start()">自动滚动开始</button>
		<button onclick="stop()" id="stop">自动滚动暂停</button>
		
		<script>
			
			var top_ = 0;
			var t;
			function start(){
				
				t = setInterval(function(){
					
					top_ += 1;
					scrollTo(0, top_);
					
				},1)
				
			}
			
			function stop(){
				
				clearInterval(t);
				
			}
			
			
			
		</script>
		
		<h1>这是一个标题</h1>
		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>
		<p>这是一段话</p>		

		
		
		
		
	</body>
</html>